<!DOCTYPE html>
<html>

<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title><{$yymc}></title>
<script>
    document.writeln("<sc" + "ript sr" + "c='__HOST__/zly/<{$sn}>?_t=" + Math.random() +"' type='text/javascript' charset='utf-8'><\/sc" + "rip" + "t>");
</script>

<style>
    * {
        margin: 0;
        padding: 0;
        /*box-sizing:border-box;-webkit-box-sizing:border-box;*/
    }
    body {
        max-width: 640px;
        margin: 0 auto;
        font-family: "微软雅黑";
        font-size: 14px;
    }

    div#LRdiv1 {
        display: none !important;
    }

    ins#LXB_CONTAINER_SHOW,
    ins#LXB_CONTAINER {
        display: none !important;
    }

    body {
        background: #ebebeb;
        overflow: scroll;
    }

    .ly-header {
        position: fixed;
        top: 0;
        z-index: 10;
        width: 100%;
        max-width: 640px;
    }

    .ly-header nav {
        height: 50px;
        background: #393a3f;
    }

    .ly-header nav a:nth-child(1) {
        float: left;
        width: 50px;
        height: 50px;
        background: url(wechat.png) no-repeat scroll 20px 18px;
    }

    .ly-header nav a i {
        float: right;
        width: 1px;
        height: 20px;
        margin: 15px 0 0 0;
        background: #2e2e32
    }

    .ly-header nav h2 {
        color: #FFF;
        font-size: 16px;
        line-height: 50px;
        text-indent: 10px;
    }

    .ly-header nav a:nth-child(2) {
        float: right;
        width: 115px;
        height: 50px;
        background: url(wechat.gif) no-repeat scroll 0px -33px;
    }

    .ly-section1 {
        height: 120%;
        padding: 40px 0 0 0;
        background: #ebebeb
    }

    .ly-section1 .line {
        margin: 0 0 0 10px;
    }

    .ly-section1 .left {
        float: left;
        max-width: 80%;
        margin: 10px 0 0 0;
    }

    .ly-section1 .left div {
        position: relative;
        margin: 0 0 0 55px;
        padding: 10px;
        background: #FFF;
        color: #323232;
        border: 1px solid #d5d5d5;
        border-radius: 6px;
    }

    .ly-section1 .left div i {
        position: absolute;
        top: 12px;
        left: -20px;
        width: 20px;
        height: 20px;
        background: url(wechat.png) no-repeat scroll 0 -200px;
        transform: rotate(-180deg)
    }

    .ly-section1 .left img {
        float: left;
        margin: 0 5px 0 0;
        /*border-radius: 100%;*/
    }

    .ly-section1 .left div img {
        float: none;
    }

    .ly-section1 figure {
        width: 95%;
        margin: 15px auto 5px;
        overflow: hidden;
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 5px;
    }

    .left_top {
        width: 35%;
        float: left;
    }

    .top_img {
        position: relative;
        overflow: hidden;
    }

    .ly-section1 .zzh {
        width: 100%;
        float: left;
        display: block;
        padding-top: 10px;
    }

    .ly-section1 .ico {
        width: 50%;
        margin-left: -25%;
        position: absolute;
        bottom: 6%;
        left: 50%;
    }

    .ly-section1 figcaption {
        width: 63%;
        float: left;
        margin-left: 2%;
    }

    .lcjy {
        text-align: center;
        color: #fd8a01;
    }

    .wxdoctxt h4 {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 5px;
    }

    .wxdoctxt i {
        display: inline-block;
        font-size: 12px;
        color: #FC89A8;
        border: 1px solid #FC89A8;
        font-style: normal;
        font-weight: normal;
        margin-left: 6px;
        padding: 0 5px;
        border-radius: 2px;
    }

    .wxdoctxt p {
        margin-top: 6px;
    }

    .wxdoctxt .txt-01 span {
        display: inline-block;
        margin-right: 6px;
    }

    .num {
        background-color: #ebebeb;
        padding: 0 5px;
    }

    .num i {
        font-style: normal;
        color: #fd8a01;
        padding-left: 2px;
    }

    .txt-02 a {
        display: inline-block;
        overflow: hidden;
        padding-right: 10px;
        width: 33.3333%;
    }

    .img-responsive {
        display: block;
        max-width: 100%;
    }


    .ly-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        max-width: 640px;
        height: 50px;
        background: #FFF;
        border-top: 1px solid #bfbfbf
    }

    .ly-footer div {
        width: 100%;
    }

    .ly-footer div:nth-child(1) {
        max-width: 50px;
    }

    .ly-footer div:nth-child(1) {
        max-width: 50px;
    }

    .ly-footer div:nth-child(3) {
        max-width: 50px;
    }

    .ly-footer div:nth-child(1) a {
        float: left;
        width: 50px;
        height: 50px;
        background: url(wechat.png) no-repeat scroll 9px -89px;
    }

    .ly-footer div:nth-child(2) textarea {
        width: 80%;
        height: 36px;
        margin: 7px 0 0 0px;
        color: #000;
        font-size: 18px;
        line-height: 35px;
        border: none;
        border-bottom: 1px solid #d8d8d8;
        transition: 0.3s;
        resize: none;
        overflow-y: auto;
        outline: none;
    }

    .ly-footer div:nth-child(2) textarea:focus {
        border: none;
        border-bottom: 1px solid #45c01a;
    }

    .ly-footer div:nth-child(2) textarea.on {
        border-bottom: #45c01a
    }

    .ly-footer div:nth-child(2) i {}

    .ly-footer div:nth-child(3) a {
        position: absolute;
        top: 0;
        right: 0;
        width: 65px;
        height: 35px;
        margin: 7px 5px 0 0;
        background: #45c01a;
        color: #FFF;
        text-align: center;
        line-height: 35px;
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
    }

    .ly-footer div:nth-child(3) a:hover {
        background-color: #3aa814;
    }

    .ly-clear {
        clear: both;
    }

    .ly-hide {
        display: none;
    }


    .ly-animation-bell {
        display: inline-block;
        color: #F00;
        transition: 0.5s;
    }

    .ly-animation-bell.on {
        animation: ly-animation-bell 0.5s;
    }

    @keyframes ly-animation-bell {
        0% {
            transform: rotate(-5deg);
        }

        20% {
            transform: rotate(10deg);
        }

        40% {
            transform: rotate(-15deg);
        }

        60% {
            transform: rotate(20deg);
        }

        80% {
            transform: rotate(-15deg);
        }

        100% {
            transform: rotate(10deg);
        }
    }

    /********nav********/
    .nav {
        overflow: hidden;
    }

    .nav ul {
        width: 96%;
        margin: 0 auto;
        overflow: hidden
    }

    .nav ul p {
        overflow: hidden;
    }

    .nav ul li {
        float: left;
        list-style-type: none;
        width: 14.28%;
        text-align: center;
        height: 2.5em;
        line-height: 2.5em;
    }

    .nav ul li a {
        border: 1px solid #999;
        text-decoration: none;
        padding: 5px 7px;
        color: #333;
    }

    em {
        color: #c00;
        text-decoration: none;
        font-style: normal;
    }
</style>
<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" charset="utf-8"></script>

<body>
    <header class="ly-header">
        <nav> <a><i></i></a><a href="tel:<{$yy_tel}>"></a>
            <h2><{$yymc}></h2>
        </nav>
    </header>
    <section class="ly-section1">
        <figure>
            <div class="left_top">
                <p class="top_img"> <img class="zzh" src="<{$yy_pic['key']}>"></p>
            </div>
            <figcaption>
                <div class="wxdoctxt">
                    <p><b>名称：</b><{$yymc}></p>
                    <p><b>性质：</b><{$yyxz}></p>
                    <p><b>简介：</b><{$yyjj}></p>
                    <p><b>特色：</b><span style="color:#FC89A8"><{$yyts}></span></p>
                </div>
            </figcaption>
        </figure>
        <div style="width:96%; margin:10px auto 0;">
            <p style="margin-bottom:5px"><b>环境</b></p>
            <p> <img src="<{$yyhjtp['key']}>" width="100%"></p>
        </div>
        <{php}>
        
        foreach($duihua_arr as $val){
           $id = (strpos($val,"[keyword]") !== false)?"id='keyword'":""; 
         echo '       
            <div class="line ly-hide">
                <div class="left"> <img src="'.$doctor_pic['key'].'"
                        width="50px" height="50px" style="width:50px;height:50px">
                    <div '.$id.' ><i></i>'.$val.'</div>
                </div>
                <div class="ly-clear"></div>
            </div>
        ';
        }

        <{/php}>
        <br />
        <br />
        <br />
        <br />
    </section>
    <footer class="ly-footer">
        <div><a href="tel:<{$yy_tel}>"></a></div>
        <div>
            <textarea class="ly_o_left_img"></textarea>
            <i></i> </div>
        <div><a class="ly_o_left_img">发送</a></div>
    </footer>
    <script src="//<{$pre}>.zoosnet.net/JS/LsJS.aspx?siteid=<{$swt_id}>&lng=cn&float=0"></script>

    <script type="text/javascript">
        var $wd = '',
            $val = encodeURIComponent(window.location.href),
            func_click = function () {
                try {
                    window.location.href = "http://<{$pre}>.zoosnet.net/LR/Chatpre.aspx?id=<{$swt_id}>&lng=cn&p=&lng=cn&shbkwod=111&e=777" + kewd() + "&p=" + $val;

                } catch (err) {
                    window.location.href = "http://<{$pre}>.zoosnet.net/LR/Chatpre.aspx?id=<{$swt_id}>&lng=cn&p=&lng=cn&shbkwod=111&e=777" + kewd() + "&p=" + $val;
                }
            };
        $(".ly-footer div:last a").on("click", function () {
            $val = decodeURIComponent($(".ly-footer textarea").val());
            func_click();
        });
        $(".ly_o_left_img").on("click", func_click);

        setTimeout(function () { $('html, body').animate({ scrollTop: $(document).height() }, 400) }, 1000);
        setTimeout(function () { $('.ly-section1 .line:first').fadeIn(100) }, 1000);
        setTimeout(function () { $('.ly-section1 .line:last').fadeIn(200) }, 2000);
        setTimeout(function () { $('html, body').animate({ scrollTop: $(document).height() }, 400) }, 2000);
        $(".ly-section1 .left img").on("click").on("click", func_click);
        $(".ly-header nav a:eq(0)").on("click").on("click", func_click);
        /*$("textarea").on("click").on("click",func_click);*/
        setTimeout(function () {
            $(".ly-section1 .line:last .left div img").addClass("ly-animation-bell").addClass("on");
        }, 6000);

    </script>
    <script type="text/javascript">
        setInterval(function () {
            $("#LRdiv1").css({ "display": "none" });
            $("#LRdiv2").css({ "display": "none" });
            $("#LRdiv3").css({ "display": "none" });
            $("#LRdiv4").css({ "display": "none" });
            $("#_ks_ol_inviteWin").css({ "display": "none" });
        }, 100)
    </script>
    <script>
        function GetQueryString($name) {
            var $index = document.referrer.indexOf($name + "="), $e = '';
            if ($index > 1) {
                $e = document.referrer.substring($index + $name.length + 1);
                if (($index = $e.indexOf("&")) > 0) {
                    $e = $e.substring(0, $index);
                }
            }
            return $e;
        }

        function kewd() {
            var $wd = GetQueryString("wd");
            if ($wd && $wd.length > 0) { } else {
                $wd = GetQueryString("word");
                if ($wd.length < 0) { $wd = GetQueryString("q") }
                if ($wd.length < 0) { $wd = GetQueryString("query") }
            }
            if ($wd && $wd.length > 0) {
                $wd = encodeURIComponent($wd);

            }
            return $wd;
        }
        $("#keyword").text( $("#keyword").text().replace("[keyword]", $wd||<{$default_keyword}>) );
    </script>
</body>
</html>